var degree = 0;  //音符的初始角度
var timer;  //音符的定时器

$(function(){
//	//播放音乐
//	playPause();
//	$('#musicBtn').tap(playPause);
	
	//轮动效果
	var mySwiper = new Swiper('.swiper-container', {
    	direction: 'vertical',
    	loop: true,  //循环模式
    	//autoplay: 5000,
    	autoHeight: true, //高度随内容变化
    	effect: 'fade',  //切换效果，默认为"slide"（位移切换），可设置为"fade"（淡入）"cube"（方块）"coverflow"（3d流）"flip"（3d翻转）
    	
    	//辅助，无障碍阅读
    	a11y: true,
		prevSlideMessage: '上一页',
		nextSlideMessage: '下一页',
		firstSlideMessage: '这是第一页',
		lastSlideMessage: '这是最后一页',
        paginationBulletMessage:'前往 {{index}}',
        
    	//动画
    	onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
			swiperAnimateCache(swiper); //隐藏动画元素 
		    swiperAnimate(swiper); //初始化完成开始动画
		}, 
		onSlideChangeEnd: function(swiper){ 
		    swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
		},
		
		lazyLoading : true,  //延迟加载图片
		lazyLoadingInPrevNext : true,  //设置为true允许将延迟加载应用到最接近的slide的图片（前一个和后一个slide）
		
    });
});

/**
 * 音乐暂停/播放
 */
function playPause(){
	var music = document.getElementById('music');
    if (music.paused){ 
    	music.play();
        timer = setInterval(function(){
		    degree += 5;
		    $('#musicImg').css("transform","rotate("+degree+"deg)");
		}, 20);
    } else{
        music.pause();
        degree = 0;
        $('#musicImg').css("transform","rotate(0deg)");
        window.clearInterval(timer);
    }
}